<template>
  <div class="detail">
    <div class="detail-left">
      <div class="detail-title">2019年5月湖北企业拿地榜</div>
      <div class="detail-rt">
        <div class="detail-resource">信息来源：找地网</div>
        <div class="detail-time">发布时间：2019.4.25</div>
      </div>
      <div class="detail-desc">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</div>
      <div  class="detail-img">
      <img class="detail-img1" src='@/assets/img/lastest1.jpg' >
      </div>
      <div class="detail-xq">
        <p>武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        <p>武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        <p>武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        <p>武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        <p>武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
      </div>
      <div class="detail-woyao">
        <div class="detail-woyaodu"></div>
        <div class="detail-woyaodu">接收人数：328次</div>
        <div class="detail-woyaodu">查看次数：328次</div>
        <router-link to='/paybd'>
          <div class="detail-woyaodu1">我要下载</div>
        </router-link>
        <div class="detail-woyaodu1">我要收藏</div>
        <div class="detail-woyaodu"></div>
      </div>
    </div>
    <div class="detail-right">
      <div class="detail-right-title">猜你想要</div>
      <div class="detail-right-item">
        <img class="detail-right-item-img" src='@/assets/img/lastest1.jpg'>
        <div class="detail-right-item-title">2019年5月湖北省城市土地成交数据</div>
        <div class="detail-right-item-desc">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</div>
        <div class="detail-right-item-button">
          <button class="detail-right-item-button1">查看详情</button>
        </div>
      </div>
      <div class="detail-right-item">
        <img class="detail-right-item-img" src='@/assets/img/lastest1.jpg'>
        <div class="detail-right-item-title">2019年1-5月湖北省城市土地供应数据</div>
        <div class="detail-right-item-desc">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</div>
        <div class="detail-right-item-button">
          <button class="detail-right-item-button1">查看详情</button>
        </div>
      </div>
      <div class="detail-right-item">
        <img class="detail-right-item-img" src='@/assets/img/lastest1.jpg'>
        <div class="detail-right-item-title">2019年1-5月湖北省城市土地成交数据</div>
        <div class="detail-right-item-desc">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</div>
        <div class="detail-right-item-button">
          <button class="detail-right-item-button1">查看详情</button>
        </div>
      </div>
    </div>
  </div>
</template>
<script></script>
<style lang="stylus" scoped>
  .detail
    width: 1280px
    height: 1068px
    margin: 0 auto
    .detail-left
      width: 880px
      height: 1068px
      float: left
      .detail-title
        width: 880px
        height:60px
        font-size: 20px
        font-weight: bold
        text-align: center
        line-height: 60px
        background: #eee
      .detail-rt
        width: 880px
        height: 30px
        border-bottom: 1px solid #888
        .detail-resource
          width: 440px
          height: 30px
          text-align: center
          line-height: 30px
          float: left
        .detail-time
          width: 440px
          height: 30px
          text-align: center
          line-height: 30px
          float: left
      .detail-desc
        width: 824px
        line-height: 30px
        text-indent:2em
        margin: 0 auto
      .detail-img
        text-align: center
        .detail-img1
          width: 600px
          height: 360px
      .detail-xq
        width: 824px
        line-height: 30px
        text-indent:2em
        margin: 0 auto
      .detail-woyao
        width: 880px
        height: 40px
        margin-top:40px
        border-top: 1px solid #888
        .detail-woyaodu
          width: 160px
          height: 40px
          line-height: 40px
          text-align: center
          font-size: 16px
          font-weight: bold
          float: left
          color: #333
        .detail-woyaodu1
          width: 100px
          height: 40px
          line-height: 40px
          text-align: center
          font-size: 16px
          font-weight: bold
          float: left
          color: #333
    .detail-right
      width: 400px
      height: 1068px
      float: left
      .detail-right-title
        width: 360px
        height: 60px
        background: #eee
        font-size: 18px
        font-weight: bold
        margin: 0 auto
        line-height: 60px
        margin-bottom: 5px
        padding-left: 5px
      .detail-right-item
        width: 360px
        height: 356px
        margin: 0 auto
        .detail-right-item-img
          width: 360px
          height: 216px
        .detail-right-item-title
          width: 360px
          height: 30px
          line-height: 30px
          font-size: 16px
          font-weight: bold
        .detail-right-item-desc
          width: 360px
          height: 56px
          line-height: 28px
          font-size: 14px
        .detail-right-item-button
          width: 360px
          height: 54px
          line-height: 54px
          .detail-right-item-button1
            width: 100px
            height: 30px
            line-height: 30px
            font-weight: bold
            color: #fff
            background: #00bcd4
            margin-left: 20px
            border-radius: 10px

</style>
